<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>下拉选择框</title>
</head>
<body>
  <!-- 语义化标签 -->
  <!-- 
    header 头部
    footer 底部
    aside 左右侧边
    article 存放文章内容
  -->

  <div class="header">111</div>

  <header>222</header>



  <form>
    <select>
      <option value="js">江苏省</option>
      <option value="hn">湖南省</option>
      <option value="ah">安徽省</option>
      <optgroup label="省份">
        <option value="js">江苏省</option>
        <option value="hn">湖南省</option>
        <option value="ah">安徽省</option>
      </optgroup>
    </select>
    
    <input type="text">
    <textarea name="" id="" cols="10" rows="10"></textarea>

    <!-- h5新增控件 -->
    <!-- 进度条 -->
    <progress max="100" value="70"></progress>

    <!-- 在火狐浏览器中不支持,在谷歌浏览器中支持 -->
    <input type="number"> 

    <input type="date">

    <input type="search">

    用户名：<input type="text">

    <input type="text" placeholder="请输入用户名">


    <!-- 兼容性 -->
    <!-- 银行 软件开发 -->
    <!-- jquery -->
    <!-- 技术栈 -->
    <!-- react vue全家桶 -->




    <!--自动补全标签的插件 auto close tag -->







    <!-- <select>
      <option :value="item.name" v-for='item in province'>{{item.name}}</option>
    </select> -->
  </form>
</body>
</html>